<template>
  <div>
    <myheader />
    <div>标题组件</div>
  </div>
</template>

<script>
import myheader from './ui/myheader.vue'
export default {
  components: {
    myheader
  },
  data() {
    return {
      count: 100
    }
  },
  // 发布数据给当前组件下面所有的后代组件进行注入共享数据
  // 对象方式，只能赋值一些固定数据，一般不用
  // provide/inject 它绑定的值，这不是响应式的
  // provide: {
  //   count: 200
  // }
  // 方法的方式推荐
  provide() {
    return {
      // count: this.count
      count: (n) => {
        if (n) {
          this.count += n
        }
        return this.count
      }
    }
  }
}
</script>

<style lang="scss" scoped></style>
